/* Global CSS Document for katuaq.gl */

.clear { clear:both; }

/* Main grids */
#Header, #Footer,
#Base, #Top, #Bottom {
	margin:0px auto;
	width:950px;
}

/* Header properties */
#Header { border-bottom:1px solid #fff; height:145px; position:relative; z-index:10; }
	#Header ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
	#Header li { float:left; list-style:none; margin:0px; padding:0px;  }
	#Header .sub li { float:none; } 
	
	#Header .logo img { left:50px; position:absolute; top:22px; z-index:300; }
	#Header #Toolbar { position:absolute; right:20px; top:65px; }
		#Header #Toolbar * { font-size:10px; }
		#Header #Toolbar li { padding:0px 10px; }
	
	/* Topmenu properties */
	#NavigateTopBar { 
		background:#cdcdcd url(/gfx/design/mainBg.gif) repeat-y;
		bottom:0px;
		height:55px;
		left:0px;
		position:absolute;
		width:100%;
	}
		#NavigateTopBar .mt { position:absolute; left:0px; top:0px; }
		
		#NavigateTopBar .root { margin:12px auto auto 150px !important; z-index:200; position:static; white-space:normal !important; }
			#NavigateTopBar ul li { position:relative; }
				#NavigateTopBar .root a
				{ 
					border:1px solid #eeeeee;
					border-bottom:none;
					cursor:pointer;
					display:inline-block;
					height:33px;
					padding:10px 18px 0px 18px;
					position:relative;
					z-index:202;
				}
				
				#NavigateTopBar .root a.selected,
				#NavigateTopBar .root .rmExpanded
				{
					background:#fff; 
					border:1px solid #e0dfdf;
					border-bottom:none;
				}
				
				#NavigateTopBar .root .rmExpanded span,
				#NavigateTopBar .root a:hover span 
				{ 
					color:#f32837 !important; 
				}
				
				#NavigateTopBar .root li a { border:none; }
				#NavigateTopBar .root li .rmSlide { background:#fff; display:none; }
				#NavigateTopBar .root li .rmSlide .rmGroup
				{
					 border:1px solid #e0dfdf;
					 padding:10px 0px 0px 0px;
				}
				#NavigateTopBar .root li .rmGroup .rmLink
				{
					padding:3px 16px 3px 16px !important;
					height:auto;
					padding:0px;
					width:230px;
				}
				
				/* Properpties for Sponsors tag */
				#NavigateTopBar .root .rmGroup .rmLink.SponsorLogo {
					padding:15px 0px 0px 0px !important;
				}
				
				

/* (Footer) properties */
#Footer * { font-size:10px; }
	#Footer .logoColor { background:#cc2225; height:10px; margin-left:50px; width:45px; }
	#Footer ul { padding:0px; margin:0px; }
	#Footer li { float:left; list-style:none; margin:0px; padding:0px 25px 10px 0px; }

/* (Top) Properties for navigatepath and document title */
#Top { padding:5px 0px 5px 0px; }
	#NavigatePath { padding:0px 0px 0px 150px; margin:0px; }
	#NavigatePath li { float:left; list-style:none; padding-right:10px; }
		#NavigatePath * { font-size:10px; color:#858585; }
	#Top h1 {
		clear:both;
		margin:0px 0px 0px 0px;
		padding:5px 0px 10px 12px;
		text-transform:uppercase;
		line-height:14px;
	}
	#Top h1.title { padding-left:205px; }

/* Properties for (Base) Grid and units */
#Base { position:relative; z-index:0; }
	#Base .wrap { margin:0px 5px 6px 5px; }
	
	/* properties for frontpage Base */
	#Base.gray { background:#f9f9f9 url(/gfx/design/mainBg.gif) repeat-y; }
		#Base.gray .wrap { background:url(/gfx/design/mainBgWrap.gif) repeat-x; min-height:410px; }
		#Base.gray .mb { bottom:0px; position:absolute; z-index:auto; }
    /* -------------------- */


	#Base .left, #Base .right { float:left; width:187px; }
	#Base .middle { float:left; padding:0px 12px; width:542px; overflow:hidden; }
		
	#Base .left ul, #Base .left li,
	#Base .right ul, #Base .right li { list-style:none; margin:0px; padding:0px; }
	
	/* Properties for NavigateSideBar */
	#NavigateSideBar { }
	#Base .left ul { padding:3px 3px 3px 18px; } 
	#Base .left ul li { padding:2px 0px; }
	
	#Base .right .tUnit { margin:0px 0px 12px 0px; }
		#Base .right .tUnit .link { display:block; margin:10px 10px 5px 10px; }
	
	/* Events teaser */
	#Base .right #Events { background:#eeeeee; }
	#Base .right #Events a:hover * { color:#f32837; }
	
	/* news in right side */
	#News h2, #Subscribe h2 { padding:8px 5px 4px 5px; }
	#News li, #Subscribe li { padding:3px 5px !important; }
	#News li a
	{
		color:#666666;
		display:block;
		font-size:11px;
		max-height:67px;
		overflow:hidden;
	}
	#News li a small { color:#666666; font-size:10px; }
	#News li h3 { padding:0px; }
	#News li a:hover h3 { color:#f32837; }

	#NewsArchive ul { margin:0px; padding:3px; }
	#NewsArchive li	{ list-style:none; margin:0px; padding:3px; }
	
		#NewsArchive a { display:block; padding:5px; }
		
		#NewsArchive a h3 { text-transform:uppercase; }
		#NewsArchive a:hover h3 { color:#f32837; }
		
		#NewsArchive a .desc { max-height:42px; overflow:hidden; }
	
	#NewsArchive #Paging
	{
		border:1px solid #f3f3f3;
		height:25px;
		margin:5px; 
		position:relative;
	}
		#NewsArchive #Paging a { background:none; border:none; display:inline; padding:0px; }
		#NewsArchive #Paging div { position:absolute; top:4px; }
		
		#NewsArchive #Paging #PagePrevious { left:4px; }
		#NewsArchive #Paging #PageInfo { left:44%; }
		#NewsArchive #Paging #PageNext { right:4px; }
	
	#Subscribe { }
	#Subscribe .msg { color:#f32837; display:block; padding:5px;  }